<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐友-搜索</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/friend/searchPage.min.css?v=<%=$version%>">
</head>
<body>
<div id="searchPage" v-cloak>
    <div class="searchPage-top">
        <div class="searchPage-search">
            <input type="search" v-if="type==0" v-model="name" placeholder="搜索">
            <input type="search" v-if="type==1" v-model="name" placeholder="搜索好友">
            <!--<input type="search" v-if="type==2" v-model="name" placeholder="搜索圈子">-->
        </div>
        <span @click="getBack()">取消</span>
    </div>
    <template v-if="indexs==1">
        <p class="searchPage-text">搜索指定内容</p>
        <div class="searchPage-cent clearfix">
            <span class="searchPage-icon" @click="getTab(1)">好友</span>
            <span class="searchPage-icon1">消息</span>
            <!--<span class="searchPage-icon2" @click="getTab(2)">圈子</span>-->
        </div>
    </template>
    <template v-if="indexs==2">
        <div class="searchPage-friends" v-if="searchList.friends">
            <div class="friends-top">好友</div>
            <div class="friends-list" v-for="item in searchList.friends" @click="getNext(item,1)">
                <strong class="list-topImg" :style="bgimg(item.headImg)"></strong>
                <span class="list-color" v-html="getReplace(item.name)"></span>
                <span class="list-topGrade" :class="[item.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{item.level}}</span>
            </div>
            <div class="friends-bottom" @click="getMore(1)">
                查看更多好友<span class="more"></span>
            </div>
        </div>
   <!--     <div class="searchPage-circles" v-if="searchList.circles">
            <div class="friends-top">圈子</div>
            <div class="friends-list" v-for="item in searchList.circles" @click="getNext(item,2)">
                <strong class="list-topImg" :style="bgimg(item.coverImgSrc)"></strong>
                <div class="circles-cent">
                    <h6 class="list-color" v-html="getReplace(item.circleName)"></h6>
                    <p>{{item.categoryName}}<span>&bull;</span>{{item.userCount}}人</p>
                </div>
            </div>
            &lt;!&ndash;<div class="friends-bottom">&ndash;&gt;
                &lt;!&ndash;查看更多好友<span class="more"></span>&ndash;&gt;
            &lt;!&ndash;</div>&ndash;&gt;
        </div>
        <div class="searchPage-bottom" @click="getMore(2)">
            搜索“<span>{{name}}</span>”相关的圈子<span class="more"></span>
        </div>-->
    </template>
    <template v-if="indexs==3">
        <div class="searchPage-friends">
            <div class="friends-top">好友</div>
            <div class="friends-list" v-for="item in friendList" @click="getNext(item,1)">
                <strong class="list-topImg" :style="bgimg(item.headImg)"></strong>
                <span class="list-color" v-html="getReplace(item.name)"></span>
                <span class="list-topGrade" :class="[item.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{item.level}}</span>
            </div>
        </div>
    </template>
    <template v-if="indexs==4">
        <div class="searchPage-circles">
            <div class="friends-top">圈子</div>
            <div class="friends-list" v-for="item in chcircleList" @click="getNext(item,2)">
                <strong class="list-topImg" :style="bgimg(item.coverImgSrc)"></strong>
                <div class="circles-cent">
                    <h6 class="list-color" v-html="getReplace(item.circleName)"></h6>
                    <p>{{item.categoryName}}<span>&bull;</span>{{item.userCount}}人</p>
                </div>
            </div>
        </div>
    </template>
    <template v-if="indexs==5">
        <div class="searchPage-circles">
            <div class="friends-top">全部圈子</div>
            <div class="friends-list" v-for="item in clenotinList" @click="getNext(item,2)">
                <strong class="list-topImg" :style="bgimg(item.coverImgSrc)"></strong>
                <div class="circles-cent">
                    <h6 class="list-color" v-html="getReplace(item.circleName)"></h6>
                    <p>{{item.categoryName}}<span>&bull;</span>{{item.userCount}}人</p>
                </div>
                <span class="circles-btn" @click="joinGroup(item.circleId)"><span>+</span>加入</span>
            </div>
        </div>
    </template>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/friend/searchPage.js?v=<%=$version%>"></script>

</body>
</html>